/**
 * Created by Yixin on 2017/8/15.
 */
define([
    "app"
], function (app) {
    app.directive("mksLeftNav", [
        function () {
            return {
                restrict: "A",
                link    : function (scope,element,attrs) {
                    element.children("li").click(function () {
                        var $this = $(this);
                        $(this).find("a").addClass('current');   //给当前元素添加"current"样式

                        var current = $this.find("a").addClass("current");
                        var i;
                        // 如果有二级列表,则显示二级列表
                        if(i = current.find("i")) {
                            i.addClass('down')   //小箭头向下样式
                                .parent().next().slideDown('slow', 'easeOutQuad');  //下一个元素显示
                        }

                        current.parent().siblings().children("a").removeClass("current")//父元素的兄弟元素的子元素去除"current"样式
                            .find('i').removeClass('down').parent().next().slideUp('slow', 'easeOutQuad');//隐藏
                    });

                    element.find("ul.level2 >li>a").click(function () {
                        element.find("ul.level2>li>a").removeClass("current");
                        $(this).addClass("current");
                    });

                }

            }
        }
    ])
});